<template>
  <div class="Intro-tab">
    <header>
      <div>
        <span>
          <img src="../../../static/image/logoH5.png" alt="" />
        </span>
        税东家(国际)税务商学院
      </div>
      <h1>税务筹划领军者</h1>
    </header>
    <content>
      <div class="Intro_content">
        <span></span>
        <div class="Intro_h1">
          <div><img src="../../../static/image/gangH5.png" alt="" /></div>
          <h1>平台介绍</h1>
        </div>
        <p>
          北京超响力国际文化发展有限公司及税东家（国际）税务商学院，是由荷兰商学院财税研究
          院院长、清华大学、中科大EDP、北京大学EDP教授徐箐老师，
          带领税务机关专业人员组成的一家专为企业提供税收专业文化教育、经营税收事前筹划、财务事前涉税风险测试、纳
          税风控智能软件研发等多项服务的专业机构。是国内首个由税务专业人员组成，经过八年不断的深度拓展和创新研发，
          通过打造“高端名校财税学院”、“财税领域能力提升网络培训学院”、“税务专业咨询服务”三个产品维度，以线上+线下的形式，
          将专业度极强的碎片化涉税业务通过“税收文化产业链”的形式为纳税人提供了一条在业内思路清晰、覆盖税收全受众的体系化产品。
        </p>
      </div>
      <div class="Intro_shoufei">
        <div class="Intro_h1">
          <div><img src="../../../static/image/gangH5.png" alt="" /></div>
          <h1>收费标准</h1>
        </div>
        <ul class="Intro_oUl">
          <li>
            <div>1课时</div>
            <div>19800元，2人以上</div>
          </li>
          <li>
            <div>1课时</div>
            <div>19800元，2人以上</div>
          </li>
          <li>
            <div>1课时</div>
            <div>19800元，2人以上</div>
          </li>
          <li>
            <div>1课时</div>
            <div>19800元，2人以上</div>
          </li>
        </ul>
      </div>
      <div class="Intro_aderess">
        <div class="Intro_h1">
          <div><img src="../../../static/image/gangH5.png" alt="" /></div>
          <h1>检测地址</h1>
        </div>
        <p>立即检测,请“复制”下方网址在电脑浏览器打开</p>
        <div class="Intro_der">http://www.shuidongjia.net/</div>
      </div>
    </content>
    <footer>
      <div class="Intro_footer">
        <div><img src="../../../static/image/logoxiaoH5png.png" alt="" /></div>
        <p>税东家(国际)税务商学院</p>
        <div>税收战略规划领导品牌</div>
      </div>
    </footer>
  </div>
</template>
<script>
import { Navbar } from "mint-ui";

export default {
  name: "Intro",
  data() {
    return {};
  },
  methods: {},
  mounted() {}
};
</script>
<style lang="scss" scoped>
.Intro-tab {
  width: 100%;
  // height: 100%;
  display: flex;
  flex-direction: column;
  header {
    height: 3.84rem;
    width: 100%;
    background: url("../../../static/image/headH5.png");
    background-size: 100% 100%;
    box-sizing: border-box;
    padding: 0.3rem 0.4rem;
    z-index: 999;
    div {
      display: flex;
      align-items: center;
      font-size: 0.32rem;
      span {
        margin-right: 0.13rem;
        img {
          width: 0.42rem;
          height: 0.61rem;
        }
      }
    }
    h1 {
      font-size: 0.76rem;
      margin-top: 0.49rem;
      margin-left: 0.61rem;
    }
  }
  content {
    flex: 1;
    height: auto;
    // overflow: auto;
    .Intro_content {
      width: 100%;
      height: 6.8rem;
      background-image: linear-gradient(#f2f6f9, #f2f6f9);
      position: relative;
      top: -0.2rem;
      span {
        width: 100%;
        height: 6.8rem;
        position: absolute;
        // top: -0.3rem;
        display: block;
        background: url("../../../static/image/contH5.png");
        background-size: 100% 100%;
      }
      .Intro_h1 {
        margin: auto;
        width: 2rem;
        height: 1.2rem;
        // position: relative;
        line-height: 1.2rem;
        box-sizing: border-box;
        div {
          position: absolute;
          top: 0.7rem;
          img {
            width: 1.58rem;
            height: 0.14rem;
          }
        }
        h1 {
          position: absolute;
          font-size: 0.4rem;
        }
      }
      p {
        box-sizing: border-box;
        padding: 0 0.3rem 0.2rem 0.3rem;
        font-size: 0.28rem;
      }
    }
    .Intro_shoufei {
      width: 100%;
      height: 5.99rem;
      position: relative;
      .Intro_h1 {
        margin: auto;
        width: 2rem;
        height: 1.2rem;
        // position: relative;
        line-height: 1.2rem;
        box-sizing: border-box;
        div {
          position: absolute;
          top: 0.7rem;
          img {
            width: 1.58rem;
            height: 0.14rem;
          }
        }
        h1 {
          position: absolute;
          font-size: 0.4rem;
        }
      }
      .Intro_oUl {
        padding: 0;
        margin: 0;
        list-style: none;
        width: 6.09rem;
        // height: 4rem;
        margin: auto;
        border: 0.03rem solid rgba(51, 51, 51, 1);
        li {
          display: flex;
          text-align: center;
          font-size: 0.38rem;
          height: 1rem;
          line-height: 1rem;
          border-bottom: 0.03rem solid black;
          div:nth-of-type(1) {
            width: 1.82rem;
            border-right: 0.03rem solid black;
          }
          div:nth-of-type(2) {
            width: 5.05rem;
          }
        }
        li:last-of-type {
          border-bottom: none;
        }
      }
    }
    .Intro_aderess {
      width: 100%;
      height: 2.87rem;
      background: #f1f5f9;
      box-sizing: border-box;
      padding: 0 0.3rem;
      position: relative;
      .Intro_h1 {
        margin: auto;
        width: 2rem;
        height: 1.2rem;
        // position: relative;
        line-height: 1.2rem;
        box-sizing: border-box;
        div {
          position: absolute;
          top: 0.75rem;
          img {
            width: 1.58rem;
            height: 0.14rem;
          }
        }
        h1 {
          position: absolute;
          font-size: 0.4rem;
        }
      }
      p {
        font-size: 0.28rem;
        color: #333333;
        text-align: center;
        font-weight: 600;
      }
      .Intro_der {
        background: #ffe13d;
        width: 5.1rem;
        height: 0.52rem;
        margin: auto;
        text-align: center;
        font-size: 0.28rem;
        color: #333333;
        margin-top: 0.19rem;
      }
    }
  }
  footer {
    width: 100%;
    height: 2.03rem;
    box-sizing: border-box;
    padding-top: 0.3rem;
    .Intro_footer {
      width: 3.5rem;
      margin: auto;
      img {
        width: 0.38rem;
        height: 0.55rem;
        margin: auto;
      }
      p {
        font-size: 0.28rem;
        color: #b4b4b4;
        text-align: center;
        margin-top: 0.1rem;
      }
      div {
        text-align: center;
        font-size: 0.22rem;
        color: #b3b3b3;
        margin-top: 0.1rem;
        margin-bottom: 0.3rem;
      }
    }
  }
}
</style>
